header>nav>ul::after{display: block;content:"";clear:both;}
      ul{
      	list-style: none;
      	background:rgb(49,45,51);
        margin:0;
      }
      h1{
        margin:0;
      }
      a{
      	text-decoration: none;
      		color:#ddd;
      }
      header>nav>a{display:none;}
      header>nav>ul>li{
      	display:inline-block;
      	position:relative;
      }
      header>nav>ul>li>a{
      	padding:20px;
      	line-height:50px;
      }
      a:link{color:#ddd;}
     a:hover{color:#ddd;}
      a:visited{color:#ddd;}
      .second-menu{
      	display:none;
      }
      header>nav>ul>li:hover>.second-menu{
      	display:block;
      	margin:0;
      	padding:0;
      	position:absolute;
      	top:50px;
      	width:72px;
      }
      .third-menu{
      	display:none;
      }
    .notebook{
    	position:relative;
    }
   li{margin:0;padding:0;}
       header>nav>ul>li>ul>li:hover>.third-menu{
       	display:block;
       	margin:0;
      	padding:0;
      	position: absolute;
      	left:72px;
      	width:60px;
        top:-2px;
       }
       a:hover{font-size:13pt;}
       @media (max-width:800px){
       header>nav>a{display:block;
                    color:rgb(49,45,51);
                    }
       header>nav>ul>li{
      	display:block;
       }
       header>nav>ul{
       	display:none;
       }
        header>nav>ul>li:hover>.second-menu{
        display:block;
        margin:0;
        padding:0;
        position:absolute;
        left:72px;
        width:72px;
        top:1px;
      }
       header>nav>ul.open{
          display:block;
       }
}

section.container{
    
}


.new_star{
  width:1200px;
  min-height:80px;
    margin:0 auto;
   }


.new_star>h1{
  line-height: 50px;
  float:left;
  font-size:32px;
}

.new_star>ul{
  float:right;
  background-color:#fff;
}

.new_star>ul>li{
  float:left;
  padding:20px;
  vertical-align: bottom;
  color:#ccc;
  text-align:center;
}

.new_star>ul>li:hover{
      color:#000;
}
.new_star>ul:after{
  display:block;
  content:"";
  clear:both;
}


div.image_group{
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  /*width:1200px;
  height:800px;*/
  justify-content: center;
}


footer>ul:after{
  display: block;
  content:"";
  clear:both;
}
footer>ul>li{
      float:left;
      width:210px;

}
footer>ul>li>a{
  display: block;
    font-size: 13px;
    line-height: 13px;
    margin-bottom: 12px;
}

